/**
 * 创建一个可重复的画布图案
 * @param {number} patternWidth - 图案的宽度
 * @param {number} patternHeight - 图案的高度
 * @param {Function} instructions - 用于绘制图案的指令函数
 * @returns {CanvasPattern} - 返回创建的画布图案
 */
createCanvasPattern = (patternWidth, patternHeight, instructions) => {
    // 创建临时画布并执行绘制指令
    const x = createCanvas(patternWidth, patternHeight, instructions);
    // 创建可重复的图案
    const patt = x.getContext('2d').createPattern(x, nomangle('repeat'));

    // 为图案添加额外的属性（背景渲染需要知道图案的尺寸）
    patt.width = patternWidth;
    patt.height = patternHeight;

    return patt;
};
